<!-- mate start -->
<?php $this->load->view('assists/mate.php') ?>
<!-- mate end -->
<link rel="stylesheet"  href="<?=base_url('static/index/css/menu.css')?>" />
<link rel="stylesheet" href="<?=base_url('static/index/css/user_change_logo.css')?>">
<title>用户中心</title>
<!-- header strat -->
<?php $this->load->view('assists/header.php') ?>
<!-- header end -->
	<div id="top-alert" class="fixed alert-success" style="display:none;">
    	<button class="close fixed" >×</button>
    	<p class="alert-content">这是内容</p>
    </div>
	<div id="user_center">
		<div class="user_center clearfix">
			<?php $this->load->view('assists/menu.php') ?>
			<div class="user_content">
				<div class="AdminHead">
					<h2>更改头像图片</h2>
				</div>
				<form action="<?=site_url('User_center/do_user_change_logo')?>" method="post" enctype="multipart/form-data" class="form-horizontal">
					<div class="username_logo">
	                    <div class="username_logo_input clearfix">
	                    	<!--<input type="file" name="logo" id="username_logo" value="" placeholder="请上传图片" />-->
	                        <button id="upload_button" type="button" class="username_logo_btn">选择要上传的文件</button><img src="<?=base_url('static/index/images/loading.gif')?>" style="display:none;" id="loadimg" />
	                        <p id="img_div">
                        	<!--<i>*</i>
                        	<span>上传头像</span>-->
	                        	<img id="img_path">
	                        	<input id="user_logo_file" type="hidden" name="user_logo" value="" />
	                        </p>
		                </div>
                	</div>
                	<div class="register_btn">
                		<input type="button" id="register_btn" value="上传" class="ajax-post" target-form="form-horizontal" />
                	</div>
				</form>
			</div>
		</div>
	</div>
	
	
	<script type="text/javascript" src="<?=base_url('static/index/js/ajaxupload.3.5.js')?>"></script>
	<!-- footer start -->
   	<?php $this->load->view('assists/footer.php') ?>
   	<!-- footer end -->
   	<script type="text/javascript">
    	$(document).ready(function(){
    		ajaxUpload(
	    		'upload_button', //上传的按钮id名称
	    		1024,  //允许上传的文件大小（单位：kb）
	    		"<?=site_url('Register/upload_user_logo/userfile/1024')?>", //提交服务器端地址
	    		'userfile', //提交服务器文件表单名称
	    		"$(\"#img_path\").attr('src', obj.filename);$(\"#user_logo_file\").val(obj.filepath);$(\"#is_upload\").val('1');", //上传成功后执行的 js callback
	    		'loadimg'  //loading 图片id
    		);
        });
    	/**
    	 * Ajax 无刷新上传图片（jpg|gif|png）
    	 * @param string id_name id名称
    	 * @param int filesize 文件大小 k 为单位
    	 * @param string url   提交服务器端地址
    	 * @param string filename 提交服务器文件表单名称
    	 * @param string callback 上传成功运行代码
    	 * @param string loadingid loading 图片id名称
    	 * @return json
    	 */
    	function ajaxUpload(id_name, filesize, url, filename, callback, loadingid) {
    	    var button = $('#'+id_name), interval;
    	    var fileType = "pic", fileNum = "one";
    	    new AjaxUpload(button,{
    	        action: url,
    	        name: filename,
    	        onSubmit : function(file, ext){
    	            if(fileType == "pic") {
    	                if (ext && /^(jpg|png|jpeg|gif)$/.test(ext)){
    	                    this.setData({
    	                        'info': '文件类型为图片'
    	                    });
    	                } else {
    	                    alert('提示：您上传的是非图片类型！');
    	                    return false;
    	                }
    	            }
    	            $("#"+loadingid).show();
    	            if(fileNum == 'one') this.disable();
    	        },
    	        onComplete: function(file, response){
    	            eval("var obj="+response);
    	            if (obj.ok) {
    	                eval(callback);
    	            } else {
    	                switch (response) {
    	                    case '1':
    	                        alert('提示：上传失败，图片不能大于'+filesize+'k！');
    	                        break;
    	                    case '3':
    	                        alert('提示：图片只有部分文件被上传，请重新上传！');
    	                        break;
    	                    case '4':
    	                        alert('提示：没有任何文件被上传！');
    	                        break;
    	                    case '5':
    	                        alert('提示：非图片类型，请上传jpg|png|gif图片！');
    	                        break;
    	                    default:
    	                        alert('提示：上传失败，错误未知，请您及时联系网站客服人员！');
    	                        break;
    	                }
    	            }
    	            $("#"+loadingid).hide();
    	            window.clearInterval(interval);
    	            this.enable();
    	        }
    	    });
    	}
    </script>
    <script type="text/javascript" src="<?=base_url('static/index/js/ajax.js')?>"></script>
</body>
</html>